/* 
    Document   : Estilos
    Created on : 25-may-2010, 13:40:33
    Author     : javier
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/* Some styles */
html, body, #wrapper {
	height:100%;
	margin: 0;
	border: none;
        text-align: right;
}

body {
    background-color: #fff;
    color: white;
    font-family: sans-serif;
    font-size: 1em;
    height: 100%;
    padding: 10px;

}


#topnavTools a.searchButtonTool {
    background:#88bbd4;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}

.searchBox {
    margin-top: 0px;
    padding: 10px;
    width: 250px;
    display: none;
    background:#ddeef6!important;
    background:#ddeef6!important;
    color:lightSlateGray;
    outline:none;
    position: absolute;
    right: 7px;
}
#search_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	background-color:#ddeef6;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px;
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#search_menu input[type=text] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #ACE;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#search_menu p {
	margin:0;
}
#search_menu a {
	color:#6AC;
}
#search_menu label {
	font-weight:normal;
}
#search_menu p.remember {
	padding:10px 0;
}
#search_menu p.forgot, #search_menu p.complete {
	clear:both;
	margin:5px 0;
}
#search_menu p a {
	color:#27B!important;
}
#search_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#39d url('../img/bg-btn-blue.png') repeat-x scroll 0 0;
	border:1px solid #39D;
	color:#fff;
	text-shadow:0 -1px 0 #39d;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}

.twitter_result {
    font-size: 12px;
    background-color: #88bbe4;
    color: #fff;
    padding: 10px;
    margin-bottom: 15px;
    height: 5em;
    text-align: left;
}
.twitt img, .twitt a {
    margin-right: 1em;
}
.twitt img {
    float: left;
    height: 4.8em;
    width: 4.8em;
}
.twitt a {
    font-size: 1.5em;
    font-weight: bold;
    color: #D3D9DE;
    text-decoration: none;
}
h1 {
    text-transform: capitalize;
}
.controls {
    float: right;
    z-index: 1;
}
.controls a {
    height: 50%;
    width: 50%;
    cursor: pointer;
    margin: 0 auto;
}

a.positive:hover{
    margin-top: -1px;
    height: 70px;
    width: 70px;
/*    background-image: url('../img/dialog-ok.png');*/
    z-index: 2;
}

img.positive{
    width: 95%;
    height: 95%;
}
a.positive{
/*    background-image: url('../img/dialog-ok_peq.png');*/
    float:left;
    background-repeat:no-repeat;
    padding-right: 0em;
}

a.negative:hover{
    margin-top: -1px;
    margin-right: -5px;
    height: 70px;
    width: 70px;
    background-image: url('../img/dialog-no.png');
    z-index: 2;
}
a.negative{
    background-image: url('../img/dialog-no_peq.png');
    background-repeat:no-repeat;
    float:right;
}

.topnav {
    text-align: right;
    display: none;
}
#topnav a.searchButton {
    background:#88bbd4;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
}
#topnav a.menu-open {
	background:#ddeef6!important;
	color:#666!important;
	outline:none;
}
.twitt {
    width: 80%;
}



.info, .exito, .alerta, .error {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    position:relative;
    display: none;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../img/info.png');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../img/exito.png');
}
.alerta {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../img/alerta.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../img/error.png');
}
.twitterSearch {
    color: #27B;
    background-color: #DDEEF6;
    background-image: url(../img/front-bg.gif);
    background-repeat: repeat;
    font-family: sans-serif;
    font-size: 62.5%;
    height: auto;
    text-align: left;
    padding:15px 10px 15px 15px;
    background-color: white;
    position: relative;
}
.container, .info_div {
    background-color: white;
    height: 100%;
    padding:15px 10px 15px 15px;
}

.blur {
    background: transparent url('../img/shadow1.png');
    /*ruta para el 80%-transparente 1x1 pixel coloreado de negro */
    color: inherit;
    margin-left: 4px;
    margin-top: 4px;
    float: left;
    margin: 50px 10px auto;
}

.shadow {
    background: transparent url('../img/shadow2.png');
    margin: 50px 10px auto;
}

#principal{
    width: 80%;
}

.shadow, .container, .info_div {
    position: relative; 
    bottom: 2px; 
    right: 2px;
    float: left;
}

.left_div {
    height: 400px;
}
.right_div {
    height: 400px;
}
.container, .twitterSearch, .info_div {
    border:solid 1px #CCCCCC;
    width: auto;
}